/*!
 * 
 *       安全警告！
 *       此功能专供开发者使用。
 *       请不要在此粘贴执行任何内容，
 *       这可能会导致您的账户受到攻击，给您带来损失 ！
 *       author:D
 *       corporation:D
 *
 */
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background: url(./img/心灵鸡汤.3cd83.jpg) no-repeat;
  background-size: cover;
}
.paper {
  position: fixed;
  width: 170px;
  height: 170px;
  background-color: #9fe6da;
  padding: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 100px;
  top: 40px;
  cursor: move;
  -webkit-box-shadow: 3px 4px 2px 1px rgba(112, 112, 141, 0.2);
          box-shadow: 3px 4px 2px 1px rgba(112, 112, 141, 0.2);
}
.paper span {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.paper p {
  /* width: 150px; */
  word-wrap: break-word;
}
.wrapper input {
  position: fixed;
  width: 350px;
  height: 40px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.5em;
  color: #f73abe;
  border-radius: 6px;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  outline: none;
  border: 3px solid rgba(115, 134, 238, 0.521);
}
.wrapper input::-webkit-input-placeholder {
  color: rgba(245, 176, 153, 0.747);
}
.wrapper input::-moz-placeholder {
  color: rgba(245, 176, 153, 0.747);
}
.wrapper input:-ms-input-placeholder {
  color: rgba(245, 176, 153, 0.747);
}
.wrapper input::-ms-input-placeholder {
  color: rgba(245, 176, 153, 0.747);
}
.wrapper input::placeholder {
  color: rgba(245, 176, 153, 0.747);
}

